<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习情况详情</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../../../layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="../../../css/public.css" media="all" />
		<link rel="stylesheet" href="study-detail.css" />	</head>
	<body class="childrenBody">
		<div class="topsty">
			<div style="display: inline;"><span style="font-size: 15px;"><i class="layui-icon" style="color: #1E9FFF;margin:0 10px 0 30px;">&#xe65b;</i><span>学习情况</span></span></div>
			<div class="backtit" style="top: -5px;">
				<div class="back_san"></div>
				<a href="../study-list/study-list.html" class="layui-btn layui-btn-normal">返回列表页</a>
			</div>
			<div class="backtit" style="top: -5px;">
				<a class="layui-btn layui-btn-normal export_btn">导出Excel</a>
			</div>
		</div>
		<div class="littab">
			<table class="layui-table " lay-skin="nob">
				<colgroup>
					<col width="10%">
					<col width="25%">
					<col width="10%">
					<col width="25%">
					<col width="29%">
				</colgroup>
				<tbody>
					<tr>
						<td>
							<div class="layui-input-inline ftdl">
								<label class="fowei">姓名</label>
							</div>
						</td>
						<td>
							<label class="fowei" id="name"></label>
						</td>
						<td>
							<div class="layui-input-inline ftdl">
								<label class="fowei">员工编号</label>
							</div>
						</td>
						<td>
							<label class="fowei" id="number"></label>
						</td>
						<td></td>
					</tr>
					<tr>
						<td>
							<div class="layui-input-inline ftdl">
								<label class="fowei">所在单位</label>
							</div>
						</td>
						<td>
							<label class="fowei" id="unitName"></label>
						</td>
						<td>
							<div class="layui-input-inline ftdl">
								<label class="fowei">手机号码</label>
							</div>
						</td>
						<td>
							<label class="fowei" id="phone"></label>
						</td>
						<td></td>
					</tr>
				</tbody>
			</table>
		</div>
		<form class="layui-form" style="margin-top: 15px;">
			<table class="dtlTab" style="margin:0 auto;">
				<colgroup>
					<col width="5%" />
					<col width="30%" />
					<col width="44%" />
					<col width="20%" />
				</colgroup>
				<script id="timeBody" type="text/html">
					<tr class="tdlab">
						<td>
							<label class="tdcom">序号</label>
						</td>
						<td>
							<label class="tdcom">课程名称</label>
						</td>
						<td>
							<label class="tdcom">学习时间</label>
						</td>
						<td>
							<label class="tdcom">学时统计</label>
						</td>
					</tr>
					{{# layui.each(d.list, function(i, item){ }}
						<tr>
							<td>
								<label class="tdcom">{{i + 1}}</label>
							</td>
							<td>
								<label class="tdcom">{{item.courseName}}</label>
							</td>
							<td>
								<label class="tdcom">{{item.startTime}}--{{item.endTime}}</label>
							</td>
							<td>
								<label class="tdcom">{{item.duration}} 分钟</label>
							</td>
						</tr>
					{{# }); }}
					<tr class="tdcom">
						<td colspan="4">
							<label class="tdlast">总学习时长        {{d.total}} 分钟</label>
						</td>
					</tr>
				</script>
				<tbody id="timeBodyView">
				</tbody>
			</table>
		</form>
		<script type="text/javascript" src="../../common/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="../../common/config.js"></script>
		<script type="text/javascript" src="../../../layui/layui.js"></script>
		<script type="text/javascript" src="../../common/count.js"></script>
		<script type="text/javascript" src="study-detail.js"></script>
	</body>
</html>